<!DOCTYPE HTML>
<!--
	Twenty by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>愿君康</title>
		<link rel="shortcut icon" href="./images/logo.jpg">
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="./out/css/main.css" />
		<noscript><link rel="stylesheet" href="./out/css/noscript.css" /></noscript>
	</head>
	<body class="index is-preload">
		<div id="page-wrapper">

			<!-- Header -->
				<header id="header" class="alt">
					<h1 id="logo"><a href="">愿君康 <span>by us</span></a></h1>
					<nav id="nav">
						<ul>
							<li class="current"><a href="index.html">欢迎</a></li>
							<li class="submenu">
								<a href="#">布局</a>
								<ul>
									<li><a href="left-sidebar.html">Left Sidebar</a></li>
									<li><a href="right-sidebar.html">Right Sidebar</a></li>
									<li><a href="no-sidebar.html">No Sidebar</a></li>
									<li><a href="contact.html">Contact</a></li>
									<li class="submenu">
										<a href="#">Submenu</a>
										<ul>
											<li><a href="#">Dolore Sed</a></li>
											<li><a href="#">Consequat</a></li>
											<li><a href="#">Lorem Magna</a></li>
											<li><a href="#">Sed Magna</a></li>
											<li><a href="#">Ipsum Nisl</a></li>
										</ul>
									</li>
								</ul>
							</li>
							<li><a href="#" class="button primary">登录</a></li>
						</ul>
					</nav>
				</header>

			<!-- Banner -->
				<section id="banner">

					<!--
						".inner" is set up as an inline-block so it automatically expands
						in both directions to fit whatever's inside it. This means it won't
						automatically wrap lines, so be sure to use line breaks where
						appropriate (<br />).
					-->
					<div class="inner">

						<header>
							<h2>愿君康</h2>
						</header>
						<p>这是<strong>愿君康</strong>, 一个
						<br />
						检索医疗信息的网站
						</p>
						<footer>
							<ul class="buttons stacked">
								<li><a href="#main" class="button fit scrolly">告诉我更多</a></li>
							</ul>
						</footer>

					</div>

				</section>

			<!-- Main -->
				<article id="main">

					<header class="special container">
						<span class="icon solid fa-chart-bar"></span>
						<h2>我们的<strong>初衷</strong>是为了帮助那些需要得到医疗帮助的人
						<br /><strong>让未知不在恐惧</strong></h2>
						<p>为了在身体不适时获取一些<strong>医疗知识</strong> 帮助病人稳定情绪，改善不健康的生活方式。
						<br />
						这可能对于我们来说现在很难，但我们仍需前行
						<br />
						快来加入我们<a href="">愿君康</a>欢迎</p>
					</header>

					<!-- One -->
						<section class="wrapper style2 container special-alt">
							<div class="row gtr-50">
								<div class="col-8 col-12-narrower">

									<header>
										<h2>我国的<strong>医疗</strong> 现状</h2>
									</header>
									<p>随着经济社会发展和人民生活水平不断提高，从“缺医少药”到“病有所医”，但民众对医疗健康服务质量的追求更加迫切，不但要求看上病、看好病，更要看病看得有尊严、有品质，而目前我国医疗服务质量离民众的期待还有较大距离。
										但与此同时，也为一直在探索前行的分级诊疗、价值医疗带来了新的思路。借助互联网平台平衡各方利益，在充分发挥互联网+医疗优势的前提下激发医疗内部活力，构建新型的智慧社区医疗体系。</p>
									<footer>
										<ul class="buttons">
											<li><a href="#" class="button">查找更多</a></li>
										</ul>
									</footer>

								</div>
								<div class="col-4 col-12-narrower imp-narrower">

									<ul class="featured-icons">
										<li><span class="icon fa-clock"><span class="label">Feature 1</span></span></li>
										<li><span class="icon solid fa-volume-up"><span class="label">Feature 2</span></span></li>
										<li><span class="icon solid fa-laptop"><span class="label">Feature 3</span></span></li>
										<li><span class="icon solid fa-inbox"><span class="label">Feature 4</span></span></li>
										<li><span class="icon solid fa-lock"><span class="label">Feature 5</span></span></li>
										<li><span class="icon solid fa-cog"><span class="label">Feature 6</span></span></li>
									</ul>

								</div>
							</div>
						</section>

					<!-- Two -->
						<section class="wrapper style1 container special">
							<div class="row">
								<div class="col-4 col-12-narrower">

									<section>
										<span class="icon featured fa-check my1 my"></span>
										<header>
											<h3>医院信息</h3>
										</header>
										<p><a href="./hospital/index.html">点我进入</a></p>
									</section>

								</div>
								<div class="col-4 col-12-narrower">

									<section>
										<span class="icon featured fa-check my2 my"></span>
										<header>
											<h3>知识图谱</h3>
										</header>
										<p><a href="">点我进入</a></p>
									</section>

								</div>
								<div class="col-4 col-12-narrower">

									<section>
										<span class="icon featured fa-check my3 my"></span>
										<header>
											<h3>药品信息</h3>
										</header>
										<p><a href="./medical/index.html">点我进入</a></p>
									</section>

								</div>
							</div>
						</section>
					<!-- Three -->
						<section class="wrapper style3 container special">

							<header class="major">
								<h2>关于医疗的<strong>科普文章</strong></h2>
							</header>

							<div class="row">
								<div class="col-6 col-12-narrower">

									<section>
										<a href="#" class="image featured"><img src="images/p1.jpg" class="iimg" /></a>
										<header>
											<h3>最适合懒人的减肥方法</h3>
										</header>
										<p>减肥的原理是通过减少每日摄入的热量、糖分、碳水化合物等，易堆积、易转化为脂肪的物质，并通过无氧运动、有氧运动消耗体内多余的糖分、热量以及脂肪。临床并没有最适合懒人的减肥方法，想达到减肥目的，饮食控制以及体育运动缺一不可...</p>
									</section>

								</div>
								<div class="col-6 col-12-narrower">

									<section>
										<a href="#" class="image featured"><img src="images/p2.jpg" class="iimg" /></a>
										<header>
											<h3>螃蟹过敏的症状有哪些</h3>
										</header>
										<p>海鲜过敏主要临床表现为内脏系统病变和皮肤过敏，如皮肤局部或大范围有红疹、红斑、风团等症状，或伴有恶心呕吐、腹泻、腹痛等消化系统异常症状。个人需根据病情，给予相应治疗。此外，若属于过敏体质，或患有心血管疾病、肾功能不全者，谨慎食用。</p>
									</section>

								</div>
							</div>
							<div class="row">
								<div class="col-6 col-12-narrower">

									<section>
										<a href="#" class="image featured"><img src="images/p3.jpg" class="iimg" /></a>
										<header>
											<h3>布洛芬缓释胶囊可以退烧吗</h3>
										</header>
										<p>布洛芬缓释胶囊可以退烧。布洛芬缓释胶囊为非甾体类抗炎镇痛药，其具有解热镇痛等功效。多用于改善因细菌、病毒或支原体感染诱发的发烧。如发烧期间出现明显头痛、肌肉酸痛等症状，适当的服用布洛芬缓释胶囊可有效改善症状。</p>
									</section>

								</div>
								<div class="col-6 col-12-narrower">

									<section>
										<a href="#" class="image featured"><img src="images/p4.jpg" class="iimg" /></a>
										<header>
											<h3>喝蜂蜜水的最佳时间表</h3>
										</header>
										<p>喝蜂蜜水最佳时间分别为早上喝完温开水后、晚上睡觉前一小时、下午3-4点、熬夜后。蜂蜜是一种极富营养天然滋补品，保健功效强，加适量温水冲泡后可直接饮用，具有润肠通便、美容养颜、促进消化等功效，对改善大脑神经有帮助，还可安抚情绪，提高睡眠质量。</p>
									</section>

								</div>
							</div>

							<footer class="major">
								<ul class="buttons">
									<li><a href="#" class="button">更多</a></li>
								</ul>
							</footer>

						</section>

				</article>
				

			<!-- CTA -->
				<section id="cta">

					<header>
						<h2>准备好<strong>做点什么了吗</strong>?</h2>
						<p>are you ready to do something?</p>
					</header>
					<footer>
						<ul class="buttons">
							<li><a href="#" class="button primary">YES</a></li>
							<li><a href="#" class="button">NO</a></li>
						</ul>
					</footer>

				</section>

			<!-- Footer -->
				<footer id="footer">

					<ul class="icons">
						<li><a href="#" class="icon brands circle fa-twitter"><span class="label">Twitter</span></a></li>
						<li><a href="#" class="icon brands circle fa-facebook-f"><span class="label">Facebook</span></a></li>
						<li><a href="#" class="icon brands circle fa-google-plus-g"><span class="label">Google+</span></a></li>
						<li><a href="#" class="icon brands circle fa-github"><span class="label">Github</span></a></li>
						<li><a href="#" class="icon brands circle fa-dribbble"><span class="label">Dribbble</span></a></li>
					</ul>

					<ul class="copyright">
						<li>&copy; 中国</li><li>创作：<a href="http://html5up.net">愿君康</a></li>
					</ul>

				</footer>
			<div id="app"></div>
		</div>

		<!-- Scripts -->
			<script src="./out/js/jquery.min.js"></script>
			<script src="./out/js/jquery.dropotron.min.js"></script>
			<script src="./out/js/jquery.scrolly.min.js"></script>
			<script src="./out/js/jquery.scrollex.min.js"></script>
			<script src="./out/js/browser.min.js"></script>
			<script src="./out/js/breakpoints.min.js"></script>
			<script src="./out/js/util.js"></script>
			<script src="./out/js/main.js"></script>

	</body>
</html>